﻿




<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>Rotating square</title>
  
  
  
  
<style>

</style>


</head>

<body translate="no" >
  <div class="wrapper">
	<div class="container">
		<h1>Welcome</h1>
		
		<form class="form">
			<input type="text" placeholder="Username">
			<input type="password" placeholder="Password">
			<button type="submit" id="login-button">Login</button>
		</form>
	</div>

<!--	  动效生成-->
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>
  
</body>

</html>
 



<!--
文章来源：8款CSS动画背景(飞扬文字/旋转方块/粒子动画/彩色水滴。。。)
http://www.webkaka.com/tutorial/html/2021/1021191/
//-->
 
